<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<html>
<head>
<meta charset="UTF-8">
<title>登录</title>

  <link th:href="@{/css/logon/logon.css}" rel="stylesheet">
 
<!--   <link th:href="@{/libs/bootstrap-4.6.2-dist/css/bootstrap.css}" rel="stylesheet"> -->

<style>
	.container {
  max-width: 400px;
  margin: 0 auto;
  padding: 20px;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 5px;
}

h1 {
  text-align: center;
}

.form-group {
  margin-bottom: 20px;
}

label {
  display: block;
  margin-bottom: 5px;
}

input[type="text"],
input[type="password"] {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
}

img {
  display: block;
  margin-top: 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
}

button {
  display: block;
  width: 100%;
  padding: 10px;
  background-color: #4caf50;
  color: white;
  border: none;
  border-radius: 3px;
  cursor: pointer;
}

button:hover {
  background-color: #45a049;
}

</style>
<body>
   <div class="container">
    <h1>登录</h1>
    <form>
      <div class="form-group" style="width:380px;">
        <label for="username">用户名</label>
        <input type="text" id="username" name="username" required>
      </div>
      <div class="form-group" style="width:380px;">
        <label for="password">密码</label>
        <input type="password" id="password" name="password" required>
      </div>
      <div class="form-group" style="width:190px;float: left;">
        <label for="captcha">验证码</label>
        <input type="text" id="captcha" name="captcha" required>
      </div>
      <input type="botton" value="获取验证码" onclick="email()" style="width:100px;height:34px;background-color:#4caf50;text-align: center;border: none;color:white;border-radius:2px;margin-top:27px;margin-left:60px">
      <div><button type="button" onclick="login()">登录</button></div>
      
      	
    </form>
  </div>
  
<div>
<input id="addr" hidden th:value="${#httpServletRequest.getScheme()+'://'+#httpServletRequest.getServerName()+':'+#httpServletRequest.getServerPort()+#httpServletRequest.getContextPath()} " /></div>
</div>
  
    <script th:src="@{/libs/jquery/jquery-3.5.1.min.js}"></script>
	<script th:src="@{/js/logon/logon.js}"></script>
<!-- 	<script th:src="@{/libs/bootstrap-4.6.2-dist/js/bootstrap.js}"></script> -->
	
	
</body>
</html>